$selectBlock-prefix-cls:  "#{$css-prefix}select-block";
.#{$selectBlock-prefix-cls}-drop{
    position: relative;
    max-height:$selectBlock-drop-max-height;
    overflow: auto;
    // transform: translate3d(0, 0, 0);
}
.#{$selectBlock-prefix-cls}-show-bottom{
    max-height: $selectBlock-show-bottom-max-height;
}
.#{$selectBlock-prefix-cls}-phantom,.#{$selectBlock-prefix-cls}-content{
    position: absolute;
    left:$selectBlock-phantom-left;
    top: $selectBlock-phantom-top;
    right: $selectBlock-phantom-right;
}
.#{$selectBlock-prefix-cls}-phantom{
    z-index: -1;
}

.#{$selectBlock-prefix-cls}-item-header {
    // position: absolute;
    // top: 0;
    height: $selectBlock-item-header-height;
    padding:$selectBlock-item-header-padding;
    line-height: $selectBlock-item-header-line-height;
    white-space: nowrap;
    font-size: $font-size-small;
    background: $selectBlock-item-header-background;
    z-index: 1;
    .item-header {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      background: $selectBlock-item-header-background;
    }
  }

.#{$selectBlock-prefix-cls}-item{
    position: relative;
    height: $selectBlock-item-height;
    line-height: $selectBlock-item-line-height;
    padding:$selectBlock-item-padding;
    white-space: nowrap;
    font-size: 0;
    div,p,i,b {
      font-size: $select-block-item-font-size;
    }
    &>span {
      font-size: $select-block-item-font-size;
    }
    .itemcol {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    &>span:last-child{
        padding-right: 14px;
    }
}
.#{$selectBlock-prefix-cls}-item:hover{
    background: $background-color-select-hover;
    cursor: pointer;
}

.#{$selectBlock-prefix-cls}{
    &-selected {
      color: $selected-color;
      background: $selectBlock-selected-background;
    }
    &-selected:hover, &-focus {
      color:$selected-color;
      background: $background-color-select-hover;
    }
}
.#{$selectBlock-prefix-cls}-empty{
    line-height: $selectBlock-empty-line-height;
    text-align: center;
}
.#{$selectBlock-prefix-cls}-loading-placeholder {
    visibility: hidden;
    height: $selectBlock-loading-placeholder-height;
  }
.#{$selectBlock-prefix-cls}-hideMult .#{$selectBlock-prefix-cls}-item {
    overflow: hidden;
    text-overflow: ellipsis;
    &>span {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    &:after{
        @include h-icon();
        font-size: $selectBlock-hideMult-after-font-size;
        content: '\E734';
        color: $selectBlock-hideMult-after-color;
        position: absolute;
        top: $selectBlock-hideMult-after-top;
        right: $selectBlock-hideMult-after-right;
    }
    &:hover:after{
        color: $no-select-color;
    }
}
.#{$selectBlock-prefix-cls}-hideMult .#{$selectBlock-prefix-cls}-selected{
    &:after{
        color: $selected-color !important;
    }
}
.#{$selectBlock-prefix-cls}-disabled {
    color: $btn-disable-color;
    cursor: not-allowed;
    &:hover{
        background: transparent;
        cursor: not-allowed;
    }
}
